<template>
    <div class="wrap">
        <search mark="1"></search>
        <div class="banner">
            <mt-swipe :auto="4000">
                <mt-swipe-item><img src="/images/img_01.jpg"> </mt-swipe-item>
                <mt-swipe-item><img src="/images/img_02.jpg"> </mt-swipe-item>
                <mt-swipe-item><img src="/images/img_03.jpg"> </mt-swipe-item>
            </mt-swipe>
        </div>
        <div class="list">
            <div v-for="post in list">
                <post-item :item="post"></post-item>
            </div>
        </div>

    </div>
</template>

<script>

    export default {
        name: "my-fav",
        data(){
            return {list:[]}
        },
        created(){
            axios.get("/post/m_myfav").then(res=>{
                this.list=res.data;
            })
        }
    }

</script>

<style scoped>

.wrap{
    display: flex;
    align-items: center;
    flex-direction: column;

}
.search{
    height: 0.95rem;
    width:7.5rem;
}
.banner{
    height: 3.5rem;
}
.banner,.list{
    width:6.88rem;
}

.banner img{
    width:100%;
}

.list{
    padding-bottom: 1rem;
}


</style>